home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / gimp-images-in.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  16.4 KB  |  400 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>Chapter¬†5.¬† Getting Images Into GIMP</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" />
  10.     <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" />
  11.     <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
  12.     <link rel="start" href="index.html" title="GNU Image Manipulation Program" />
  13.     <link rel="up" href="pt02.html" title="Part¬†II.¬† How do I Become a GIMP Wizard?" />
  14.     <link rel="prev" href="pt02.html" title="Part¬†II.¬† How do I Become a GIMP Wizard?" />
  15.     <link rel="next" href="gimp-using-fileformats-creating.html" title="2.¬† Creating new Files" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">Chapter¬†5.¬†
  22.         <span lang="en" xml:lang="en">Getting Images Into GIMP</span>
  23.       </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="pt02.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">Part¬†II.¬†
  28.       <span lang="en" xml:lang="en">
  29.         How do I Become a <acronym class="acronym">GIMP</acronym> Wizard?
  30.       </span>
  31.     </th>
  32.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-using-fileformats-creating.html"><img src="../images/next.png" alt="Next" /></a></td>
  33.         </tr>
  34.       </table>
  35.       <hr />
  36.     </div>
  37.     <div class="chapter" lang="en" xml:lang="en">
  38.       <div class="titlepage">
  39.         <div>
  40.           <div>
  41.             <h2 class="title"><a id="gimp-images-in"></a>Chapter¬†5.¬†
  42.         <span lang="en" xml:lang="en">Getting Images Into GIMP</span>
  43.       </h2>
  44.           </div>
  45.         </div>
  46.       </div>
  47.       <div class="toc">
  48.         <p>
  49.           <b>Table of Contents</b>
  50.         </p>
  51.         <dl>
  52.           <dt>
  53.             <span class="sect1">
  54.               <a href="gimp-images-in.html#gimp-concepts-image-types">1. 
  55.     <span lang="en" xml:lang="en">Image Types</span>
  56.   </a>
  57.             </span>
  58.           </dt>
  59.           <dt>
  60.             <span class="sect1">
  61.               <a href="gimp-using-fileformats-creating.html">2. 
  62.     <span lang="en" xml:lang="en">Creating new Files</span>
  63.   </a>
  64.             </span>
  65.           </dt>
  66.           <dt>
  67.             <span class="sect1">
  68.               <a href="gimp-using-fileformats-opening.html">3. 
  69.     <span lang="en" xml:lang="en">Opening Files</span>
  70.   </a>
  71.             </span>
  72.           </dt>
  73.           <dd>
  74.             <dl>
  75.               <dt>
  76.                 <span class="sect2">
  77.                   <a href="gimp-using-fileformats-opening.html#id2588490">3.1. 
  78.       <span lang="en" xml:lang="en">Open File</span>
  79.     </a>
  80.                 </span>
  81.               </dt>
  82.               <dt>
  83.                 <span class="sect2">
  84.                   <a href="ch05s03s02.html">3.2. 
  85.       <span lang="en" xml:lang="en">Open Location</span>
  86.     </a>
  87.                 </span>
  88.               </dt>
  89.               <dt>
  90.                 <span class="sect2">
  91.                   <a href="ch05s03s03.html">3.3. 
  92.       <span lang="en" xml:lang="en">Open Recent</span>
  93.     </a>
  94.                 </span>
  95.               </dt>
  96.               <dt>
  97.                 <span class="sect2">
  98.                   <a href="ch05s03s04.html">3.4. 
  99.       <span lang="en" xml:lang="en">File Browser</span>
  100.     </a>
  101.                 </span>
  102.               </dt>
  103.               <dt>
  104.                 <span class="sect2">
  105.                   <a href="ch05s03s05.html">3.5. 
  106.       <span lang="en" xml:lang="en">Drag and Drop</span>
  107.     </a>
  108.                 </span>
  109.               </dt>
  110.               <dt>
  111.                 <span class="sect2">
  112.                   <a href="ch05s03s06.html">3.6. 
  113.       <span lang="en" xml:lang="en">Copy and Paste</span>
  114.     </a>
  115.                 </span>
  116.               </dt>
  117.               <dt>
  118.                 <span class="sect2">
  119.                   <a href="ch05s03s07.html">3.7. 
  120.       <span lang="en" xml:lang="en">Image Browser</span>
  121.     </a>
  122.                 </span>
  123.               </dt>
  124.             </dl>
  125.           </dd>
  126.         </dl>
  127.       </div>
  128.       <p>
  129.         This chapter is about getting images into GIMP. It explains how to
  130.         create new images, how to load images from files, how to scan them and
  131.         how to make screenshots.
  132.       </p>
  133.       <p>
  134.         But in the first place we want to introduce you to the general
  135.         structure of images in GIMP.
  136.       </p>
  137.       <div class="sect1" lang="en" xml:lang="en">
  138.         <div class="titlepage">
  139.           <div>
  140.             <div>
  141.               <h2 class="title" style="clear: both"><a id="gimp-concepts-image-types"></a>1.¬†
  142.     <span lang="en" xml:lang="en">Image Types</span>
  143.   </h2>
  144.             </div>
  145.           </div>
  146.         </div>
  147.         <a id="id2587866" class="indexterm"></a>
  148.         <p>
  149.     It is tempting to think of an <span class="emphasis"><em>image</em></span> as
  150.     something that corresponds with a single display window, or to a
  151.     single file such as a <a class="link" href="gimp-images-out.html#file-jpeg-load">JPEG</a>
  152.     file, but really a GIMP image is a rather complicated structure,
  153.     containing a stack of layers plus several other types of objects:
  154.     a selection mask, a set of channels, a set of paths, an "undo"
  155.     history, etc.  In this section we are going to take a detailed
  156.     look at all of the components of an image, and the things you can
  157.     do with them.
  158.   </p>
  159.         <p>               
  160.     The most basic property of an image is its
  161.     <span class="emphasis"><em>mode</em></span>.  There are three possible modes: RGB,
  162.     grayscale, and indexed. RGB stands
  163.     for Red-Green-Blue, and indicates that each point in the image
  164.     is represented by a ‚Äú<span class="quote">red</span>‚Äù level, a ‚Äú<span class="quote">green</span>‚Äù
  165.     level, and a ‚Äú<span class="quote">blue</span>‚Äù
  166.     level.  Because every humanly distinguishable color can be
  167.     represented as a combination of red, green, and blue, RGB images
  168.     are full-color.  Each color channel has 256 possible intensity
  169.     levels. More details in <a class="link" href="glossary.html#glossary-colormodel" title="Color model">
  170.     Color Models</a>
  171.   </p>
  172.         <p>
  173.     In a grayscale image, each point is represented by a brightness
  174.     value, ranging from 0 (black) to 255 (white), with intermediate
  175.     values representing different levels of gray.
  176.   </p>
  177.         <div class="figure">
  178.           <a id="id2587941"></a>
  179.           <p class="title">
  180.             <b>Figure¬†5.1.¬†
  181.       <span lang="en" xml:lang="en">Components of the RGB and CMY Color Model</span>
  182.     </b>
  183.           </p>
  184.           <div class="figure-contents">
  185.             <div class="mediaobject">
  186.               <img src="../images/glossary/color-model-additive.png" alt="Components of the RGB and CMY Color Model" />
  187.               <div class="caption">
  188.                 <p>
  189.           In the RGB Color Model, mixing Red, Green and Blue gives White.
  190.           That's what happens on your screen.
  191.         </p>
  192.               </div>
  193.             </div>
  194.             <div class="mediaobject">
  195.               <img src="../images/glossary/color-model-subtractive.png" alt="Components of the RGB and CMY Color Model" />
  196.               <div class="caption">
  197.                 <p>
  198.           In the CMY(K) color model, mixing Cyan, Magenta and Yellow gives
  199.           Black. That's what happens when you print on a white paper. The
  200.           printer will actually use the black cartridge for economical
  201.           reasons and better color rendering.
  202.         </p>
  203.               </div>
  204.             </div>
  205.           </div>
  206.         </div>
  207.         <br class="figure-break" />
  208.         <p>
  209.     Essentially the difference between a grayscale image and an RGB
  210.     image is the number of ‚Äú<span class="quote">color channels</span>‚Äù: a grayscale image
  211.     has one; an RGB image has three.  An RGB image can be thought of as
  212.     three superimposed grayscale images, one colored red, one green,
  213.     and one blue.
  214.   </p>
  215.         <p>
  216.     Actually, both RGB and grayscale images have one additional
  217.     color channel, called the <span class="emphasis"><em>alpha</em></span> channel,
  218.     representing opacity.  When the alpha value at a given location
  219.     in a given layer is zero, the layer is completely transparent,
  220.     and the color at that location is determined by what lies
  221.     underneath.  When alpha is maximal, the layer is opaque, and the
  222.     color is determined by the color of the layer.  Intermediate
  223.     alpha values correspond to varying degrees of translucency:  the
  224.     color at the location is a proportional mixture of color from the
  225.     layer and color from underneath.
  226.   </p>
  227.         <div class="figure">
  228.           <a id="id2588044"></a>
  229.           <p class="title">
  230.             <b>Figure¬†5.2.¬†
  231.       <span lang="en" xml:lang="en">
  232.         Example of an image in RGB and Grayscale mode
  233.       </span>
  234.     </b>
  235.           </p>
  236.           <div class="figure-contents">
  237.             <div class="mediaobject">
  238.               <img src="../images/using/wilber-channel-rgb.png" alt="Example of an image in RGB and Grayscale mode" />
  239.               <div class="caption">
  240.                 <p>
  241.           An image in RGB mode, with the channels corresponding to Red,
  242.           Green and Blue.
  243.         </p>
  244.               </div>
  245.             </div>
  246.             <div class="mediaobject">
  247.               <img src="../images/using/wilber-channel-gray.png" alt="Example of an image in RGB and Grayscale mode" />
  248.               <div class="caption">
  249.                 <p>
  250.           An image in Grayscale mode, with the channel corresponding to
  251.           Luminosity.
  252.         </p>
  253.               </div>
  254.             </div>
  255.           </div>
  256.         </div>
  257.         <br class="figure-break" />
  258.         <p>
  259.     In GIMP, every color channel, including the alpha channel, has a range
  260.     of possible values from 0 to 255; in computing terminology, a depth of 8
  261.     bits. Some digital cameras can produce image files with a depth of 16
  262.     bits per color channel. GIMP cannot load such a file without losing
  263.     resolution. In most cases the effects are too subtle to be detected by
  264.     the human eye, but in some cases, mainly where there are large areas
  265.     with slowly varying color gradients, the difference may be perceptible.
  266.   </p>
  267.         <div class="figure">
  268.           <a id="id2588126"></a>
  269.           <p class="title">
  270.             <b>Figure¬†5.3.¬†
  271.       <span lang="en" xml:lang="en">Example of an image with alpha channel</span>
  272.     </b>
  273.           </p>
  274.           <div class="figure-contents">
  275.             <div class="mediaobject">
  276.               <img src="../images/dialogs/wilber-channels-red.png" alt="Example of an image with alpha channel" />
  277.               <div class="caption">
  278.                 <p>Red channel</p>
  279.               </div>
  280.             </div>
  281.             <div class="mediaobject">
  282.               <img src="../images/dialogs/wilber-channels-green.png" alt="Example of an image with alpha channel" />
  283.               <div class="caption">
  284.                 <p>Green channel</p>
  285.               </div>
  286.             </div>
  287.             <div class="mediaobject">
  288.               <img src="../images/dialogs/wilber-channels-blue.png" alt="Example of an image with alpha channel" />
  289.               <div class="caption">
  290.                 <p>Blue channel</p>
  291.               </div>
  292.             </div>
  293.             <div class="mediaobject">
  294.               <img src="../images/dialogs/wilber-channels-alpha.png" alt="Example of an image with alpha channel" />
  295.               <div class="caption">
  296.                 <p>
  297.           The Alpha channel shows the image area which is transparent.
  298.         </p>
  299.               </div>
  300.             </div>
  301.             <div class="mediaobject">
  302.               <img src="../images/dialogs/wilber-channels-combined.png" alt="Example of an image with alpha channel" />
  303.               <div class="caption">
  304.                 <p>
  305.           A color image in RGB mode with an Alpha channel.
  306.         </p>
  307.               </div>
  308.             </div>
  309.           </div>
  310.         </div>
  311.         <br class="figure-break" />
  312.         <p>
  313.     The third type, <span class="emphasis"><em>indexed</em></span>
  314.     images, is a bit more complicated to understand. In an indexed image,
  315.     only a limited set of discrete colors are used, usually 256 or less.
  316.     These colors form the ‚Äú<span class="quote">colormap</span>‚Äù of the image, and each
  317.     point in the image is assigned a color from the colormap. Indexed images
  318.     have the advantage that they can be represented inside a computer in a
  319.     way which consumes relatively little memory, and back in the dark ages
  320.     (say, ten years ago), they were very commonly used. As time goes on, they
  321.     are used less and less, but they are still important enough to be worth
  322.     supporting in GIMP. (Also, there are a few important kinds of image
  323.     manipulation that are easier to implement with indexed images than with
  324.     continuous-color RGB images.)
  325.   </p>
  326.         <p>
  327.     Some very commonly used types of files (including
  328.     <a class="link" href="gimp-images-out.html#file-gif-load">GIF</a> and
  329.     <a class="link" href="gimp-images-out.html#file-png-load">PNG</a>) produce
  330.     indexed images when they are opened in GIMP.  Many of GIMP's
  331.     tools don't work very well on indexed images‚Äìand many filters
  332.     don't work at all‚Äìbecause of the limited number of colors
  333.     available.  Because of this, it is usually best to convert an
  334.     image to RGB mode before working on it.  If necessary, you can
  335.     convert it back to indexed mode when you are ready to save it
  336.   </p>
  337.         <p>
  338.     GIMP makes it easy to convert from one image type to another,
  339.     using the <a class="link" href="gimp-image-mode.html" title="9.3.¬† Mode">Mode</a> command in
  340.     the Image menu.  Some types of conversions, of course (RGB to
  341.     grayscale or indexed, for example) lose information that cannot
  342.     be regained by converting back in the other direction.
  343.   </p>
  344.         <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  345.           <table border="0" summary="Note">
  346.             <tr>
  347.               <td rowspan="2" align="center" valign="top" width="25">
  348.                 <img alt="[Note]" src="../images/note.png" />
  349.               </td>
  350.               <th align="left">Note</th>
  351.             </tr>
  352.             <tr>
  353.               <td align="left" valign="top">
  354.                 <p>
  355.       If you are trying to use a filter on an image, and it appears grayed out
  356.       in the menu, usually the cause is that the image (or, more specifically,
  357.       the layer) you are working on is the wrong type. Many filters can't be
  358.       used on indexed images. Some can be used only on RGB images, or only on
  359.       grayscale images. Some also require the presence or absence of an alpha
  360.       channel. Usually the fix is to convert the image to a different type,
  361.       most commonly RGB.
  362.     </p>
  363.               </td>
  364.             </tr>
  365.           </table>
  366.         </div>
  367.       </div>
  368.     </div>
  369.     <div class="navfooter">
  370.       <hr />
  371.       <table width="100%" summary="Navigation footer">
  372.         <tr>
  373.           <td width="40%" align="left"><a accesskey="p" href="pt02.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  374.           <td width="20%" align="center">
  375.             <a accesskey="u" href="pt02.html">
  376.               <img src="../images/up.png" alt="Up" />
  377.             </a>
  378.           </td>
  379.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-using-fileformats-creating.html"><img src="../images/next.png" alt="Next" /></a></td>
  380.         </tr>
  381.         <tr>
  382.           <td width="40%" align="left" valign="top"><a accesskey="p" href="pt02.html">Part¬†II.¬†
  383.       <span lang="en" xml:lang="en">
  384.         How do I Become a <acronym class="acronym">GIMP</acronym> Wizard?
  385.       </span>
  386.     </a>¬†</td>
  387.           <td width="20%" align="center">
  388.             <a accesskey="h" href="index.html">
  389.               <img src="../images/home.png" alt="Home" />
  390.             </a>
  391.           </td>
  392.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-using-fileformats-creating.html">2.¬†
  393.     <span lang="en" xml:lang="en">Creating new Files</span>
  394.   </a></td>
  395.         </tr>
  396.       </table>
  397.     </div>
  398.   </body>
  399. </html>
  400.